/*
 ***@author:edit by binggan
 ***@time:2017-8-15 15:30:18
*/
/***common css***/
body{background:#f5f5f5;max-width: 750px;margin: 0 auto;font-size: .24rem;}
.thumbnail img{display: inline-block;width: 100%;}

/********便签列表页*********/
.note-lists-box{background: #fff;width: 100%;overflow: hidden;border-bottom: 1px solid #efefef;margin-bottom: .2rem;}
.note-list-top,.note-words-short{padding: .3rem .3rem .2rem;}
.note-words-short{padding-top: 0;}
.noted-time{width: 3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .28rem;font-weight: bold;}
.note-list-top .thumbnail{width: .4rem;}
.note-words-short{width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .3rem;}
.del-btn{width: 1rem;height:1.62rem;line-height:1.6rem;background: #ea192d;color: #fff;text-align: center;float: left;font-size: .3rem;}
.star i{background: transparent;}
a.add_noted_btn{display: block;position: fixed;bottom: 5%;border-radius: 50%;background:rgba(234, 25, 45, 0.77);width: 1rem;height: 1rem;text-align: center;line-height: 1rem;;left: 50%;margin-left: -.5rem;}
a.add_noted_btn i.iconfont{font-size: .5rem;color:#fff}
/*******新增便签页********/
.note-head{background:#fff;display: flex;display: -webkit-flex;justify-content:space-between;flex-wrap: nowrap;align-items: stretch;height: .9rem;line-height: .9rem;padding: 0rem .3rem;border-bottom: 1px solid #efefef;margin-bottom: .2rem;}
.note-head .nav-items{width: 15%;}
.note-head .nav-items i.iconfont{font-size: .43rem;}
.note-head .nav-items i.icon-duihao{color:#ea192d}
.note-head .nav-items:last-child{text-align: right;line-height: .8rem;}
.note-head .nav-center{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;text-align: center;font-size: .28rem;}
section.content{background: #fff;height:calc(100% - .98rem);padding: .2rem 0;overflow: hidden;}
.content-top{border-bottom: 1px dashed #cccccc;padding: .12rem;text-align: center;position: relative;}
.cur-time{color: #646464;}
.circle{width: .5rem;height: .5rem;background: #f5f5f5;position: absolute;bottom: -40%;border-radius: 50%;}
.circ_left{left: -0.3rem;}
.circ_right{right: -0.3rem;}
.new-notes{height: 100%;}
.note-info{width: 100%;height:100%;resize: none;padding: .2rem .3rem;margin-top: .3rem;}
